.tr-date-time {
  width: 100%;
  flex: 1;
}

.q-date {
  box-shadow: none;
  border-radius: 0%;
}

.q-time {
  box-shadow: none;
  border-radius: 0%;
}

.q-card__section--vert {
  display: block;
}

.q-card__section q-card__section--vert t-card {
  display: flex;
  justify-content: flex-end;
}

.q-field__native q-placeholder {
  text-align: right;
}

.q-date__header,
.q-time__header {
  background-color: var(--t-color);
}

.q-date__content .bg-primary {
  background-color: var(--t-color) !important;
}

.q-time__content .q-time__clock-position--active {
  background-color: var(--t-color) !important;
  color: #fff;
  font-size: 14px;
}

.q-time__content .q-time__clock-pointer {
  color: var(--t-color);
}

.q-time__content .q-time__now-button {
  background-color: var(--t-color);
}

.q-date__content .q-date__calendar-item--out {
  opacity: 0.32;
}

.q-date__content .q-date__today {
  border: dashed 1px var(--t-color);
}

.q-date__calendar-days-container .q-date__calendar-item .q-btn,
.q-time__clock-position {
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/0.9));
}

.q-time__clock-position {
  height: 30px;
  width: 30px;
  min-height: 30px;
}

.q-date__calendar-weekdays .q-date__calendar-item div {
  color: rgba(0, 0, 0, 0.56);
}

.q-time__container-child {
  background-color: #f0f2f5;
}

.q-date__navigation .relative-position .q-btn-item .q-btn__content {
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/0.9));
}

body.tm-overflow-hidden {
  overflow: unset !important;
}
.tm-calendar__selected-day {
  background-color: var(--t-color);
}
.tm-calendar__footer .tm-button--primary {
  background-color: var(--t-color);
  border-color: var(--t-color);
}
.tm-picker__confirm {
  color: var(--t-color);
}
body.desktop .q-date .q-focusable:focus > .q-focus-helper,
body.desktop .q-date .q-manual-focusable--focused > .q-focus-helper {
  opacity: 0.2 !important;
}
.q-time__content .q-btn:focus {
  background-color: rgba(var(--t-color-rgb), 0.8);
}
.q-time__link--active:focus {
  text-decoration: underline;
}
.q-date__header-link--active:focus {
  text-decoration: underline;
}
